<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../../HTMLTurbo.css">
<link rel="stylesheet" type="text/css" href="../style/demo.css">

<script charset="utf-8" src="../../jquery/1.12.4/jquery.min.js"></script>
<script charset="utf-8" src="../../HTMLTurbo.php"></script>
<style>
.relation_1{ display: none;}
.relation_2{ display: none;}
.relation_3{ display: none;}

.searchItem_1 .relation_1{ display: block;}
.searchItem_2 .relation_2{ display: block;}
.searchItem_3 .relation_3{ display: block;}
</style>
</head>

<body>
	<div class="ht">
		<form method="post">
			<div class="ht-searchGroup" id="searchGroup">
				<div class="source">
					<div class="searchItem">
						<input type="hidden" name="itemRelation" value="and" /> <input type="hidden" name="field" value="2" /> <input type="hidden" name="relation" value="2" /> <input type="hidden" name="value" value="11" />
					</div>
					<div class="searchItem">
						<input type="hidden" name="itemRelation" value="and" /> <input type="hidden" name="field" value="3" /> <input type="hidden" name="relation" value="3" /> <input type="hidden" name="value" value="22" />
					</div>
					<div class="searchItem">
						<input type="hidden" name="itemRelation" value="or" /> <input type="hidden" name="field" value="2" /> <input type="hidden" name="relation" value="2" /> <input type="hidden" name="value" value="11" />
					</div>
					<div class="searchItem">
						<input type="hidden" name="itemRelation" value="and" /> <input type="hidden" name="field" value="3" /> <input type="hidden" name="relation" value="3" /> <input type="hidden" name="value" value="22" />
					</div>
				</div>
				<div class="searchItemTemplate">
					<input type="button" class="removeButton" value="" /> <input type="hidden" name="itemRelation" value="" /> 字段名称： <select name="field">
						<option value="1">名称</option>
						<option value="2">数量</option>
						<option value="3">部门</option>
					</select>
					<div class="relation_1">
						条件： <select name="relation">
							<option value="1">等于</option>
							<option value="2">不等于</option>
							<option value="7">字段任何部分</option>
						</select> 内容： <input type="text" name="value" />
					</div>
					<div class="relation_2">
						条件： <select name="relation">
							<option value="1">等于</option>
							<option value="2">不等于</option>
							<option value="3">大于</option>
							<option value="4">小于</option>
							<option value="5">大于等于</option>
							<option value="6">小于等于</option>
						</select> 内容： <input type="text" name="value" />
					</div>
					<div class="relation_3">
						条件： <select name="relation">
							<option value="1">等于</option>
							<option value="2">不等于</option>
							<option value="3">大于</option>
							<option value="4">小于</option>
							<option value="5">大于等于</option>
							<option value="6">小于等于</option>
							<option value="7">字段任何部分</option>
						</select> 内容： <select name="value">
							<option>管理部</option>
							<option>技术部</option>
						</select>
					</div>
					<div class="addButtonGroup">
						<input type="button" class="addButton or" value="或" /> <input type="button" class="addButton and" value="且" />
					</div>
				</div>
			</div>
			<input type="submit" value="搜索" />
		</form>
	</div>
	<script>
		var searchGroup = new HTMLTurbo.control.SearchGroup("#searchGroup");
		searchGroup.init();
	</script>
</body>
</html>